css

طراحی وب سایت CSS

طراحی وب سایت با CSS به واقع جداسازی محتوا و سبک است. محتوا باید در نسخهء متنی HTML و CSS باید مراقب باشد که HTML در صفحه چگونه متن را به نمایش می گذارد. با این حال، اکثر طراحی وب سایت وب سایت به صورت مناسب اقدام به جدا کردن محتوا و سبک نمی کنند. HTML و CSS از یکدیگر جدا هستند. اما اگر شما تغییراتی در نسخهء متنی HTML ایجاد نمایید، یک ظاهر طراحی شدهء از هم جدا ایجاد می شود. زیرا CSS برای انجام کار متکی بر عناصر موجود در متن HTML می باشد.

در حال حاضر این موضوع برای کسی مهم نیست که ترکیب مطالب چند صفحهء ثابت کنار هم قرار نیست خیلی تغییری در طراحی وب سایت ایجاد کند؛ که با استفاده از CSSدر طراحی وب سایت از منافع آن بهره مند شده و از وجود دسترسی های ساده اطمینان حاصل نمایید.
اما اگر با یک سایتی که به درستی مدیریت شده و به طور مرتب مطالب آن به روز می شود و با وجود تعداد زیادی محتوای دینامیک(پویا)، بسیار مهم است که بتوان بدون نیاز به ویرایش HTML در هر صفحه و بدون پخش شدن مطالبی که تا به حال جمع آوری شده، کار انجام داد.پاسخ این کار CSS می باشد. اما تنها در صورتی می توان در طراحی سایت از CSS بهره مند شد که مطالب و محتوا به طور کامل از سبک جدا شده باشد.
برای داشتن طراحی وب سایت که به طور کامل قابل تغییر با CSS باشد، بسیار ضروری است که بدانیم که در هر نسخه متنی HTML در واقع 2 عنصر جداگانه وجود دارد. یکی محتوا است – که شامل متن و تصاویری است که افراد در وب سایت آنها را دیده و مطالعه می کنند؛ و دیگری ساختار صفحه است – DIVs ویا Table که عناصر و ویژگی های مختلف در صفحه را تعریف می کند.

در این روش با در نظر گرفتن ساختار در هر صفحه، CSS پس از آن می تواند بدون نگرانی در مورد محتوا و مطالب بخشها و محل های هدفمندی برای هر صفحه ایجاد نماید. اگر فضای متن در ستون سمت چپ صفحه 10 پیکسل باشد و فضای اصلی صفحه 12 باشد، در CSS می توانید مطالب و چیزهایی که تمایل به انجام آن دارید را در این فضا قرار دهید. سمت چپ سایز فونت 10 و فضای اصلی سایز فونت می تواند 12 باشد.
این بدان معنی است که تا زمانی که طراحی وب سایت با همان پایهء عناصر ساختاری باشد می توان کاملاً با CSS تبدیل کرد – برای مثال ستون سمت چپ را ساخته و تصویر پیش زمینه عنوان و یا صفحهء اصلی را اضافه نموده و ادامه دهید. اما شناخت نسخهء متنی که شامل ساختار و محتوا هستند مرحلهء اول طراحی سایت با CSS در این کار می باشد.
برای تعمیم بیشتر، نیاز به یک ساختار صفحه ای است که تقریباً به اندازهء کافی انعطاف پذیر بوده به طوری که CSS بتواند عملیاتی که لازم و ضروری و موثر است را انجام داده و این عمل بدون هیچ گونه نگرانی در مورد محتوا در هر بخش از طراحی سایت و صفحات برگزار شود.
برای انجام این کار در مرحلهء بعدی ساختار بنیادی باید یک تقسیم بندی دیگر داشته باشید.table عنوان برای مثال باید به سه table داخلی تقسیم شود: table سمت چپ – table سمت راست و table اصلی؛ تقریباً تمام ترکیبات ممکن که شما نیاز دارید تا با CSS هر سبکی که در طراحی سایت می خواهید به نمایش بگذارید. تنها کاری که باید انجام دهید این است که محتوا و مطالب را در منطقهء طراحی وب سایت مربوطه قرار دهید.

بهره گیری از منافع جداسازی این سه بخش که تمامی استاندارد ها مانند تبدیل پس زمینهء محو به رنگهای جامد، تصویر پس زمینه برای اضافه کردن لبه های گرد(rounded coers)، تغییرات در داخل و خارج تصاویر فقط با CSS انجام می شود. Table داخلی می تواند شناور بوده و می تواند یک تصویر را بر روی دیگری قرار دهد.
اگر این روش در ساختار مناطق دیگر در html استفاده شود، صفحه ای را خواهید داشت که صفحه بندی آن به طور کامل توسط CSS طراحی وب سایت شده و به طور کامل از محتوای صفحه مستقل و غیر وابسته خواهد بود.

طراحی وب سایت...

ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ahmad webdesignato10 بازدید : 214 تاريخ : يکشنبه 26 خرداد 1392 ساعت: 19:17

css

طراحی وب سایت CSS

طراحی وب سایت با CSS به واقع جداسازی محتوا و سبک است. محتوا باید در نسخهء متنی HTML و CSS باید مراقب باشد که HTML در صفحه چگونه متن را به نمایش می گذارد. با این حال، اکثر طراحی وب سایت وب سایت به صورت مناسب اقدام به جدا کردن محتوا و سبک نمی کنند. HTML و CSS از یکدیگر جدا هستند. اما اگر شما تغییراتی در نسخهء متنی HTML ایجاد نمایید، یک ظاهر طراحی شدهء از هم جدا ایجاد می شود. زیرا CSS برای انجام کار متکی بر عناصر موجود در متن HTML می باشد.

در حال حاضر این موضوع برای کسی مهم نیست که ترکیب مطالب چند صفحهء ثابت کنار هم قرار نیست خیلی تغییری در طراحی وب سایت ایجاد کند؛ که با استفاده از CSSدر طراحی وب سایت از منافع آن بهره مند شده و از وجود دسترسی های ساده اطمینان حاصل نمایید.
اما اگر با یک سایتی که به درستی مدیریت شده و به طور مرتب مطالب آن به روز می شود و با وجود تعداد زیادی محتوای دینامیک(پویا)، بسیار مهم است که بتوان بدون نیاز به ویرایش HTML در هر صفحه و بدون پخش شدن مطالبی که تا به حال جمع آوری شده، کار انجام داد.پاسخ این کار CSS می باشد. اما تنها در صورتی می توان در طراحی سایت از CSS بهره مند شد که مطالب و محتوا به طور کامل از سبک جدا شده باشد.
برای داشتن طراحی وب سایت که به طور کامل قابل تغییر با CSS باشد، بسیار ضروری است که بدانیم که در هر نسخه متنی HTML در واقع 2 عنصر جداگانه وجود دارد. یکی محتوا است – که شامل متن و تصاویری است که افراد در وب سایت آنها را دیده و مطالعه می کنند؛ و دیگری ساختار صفحه است – DIVs ویا Table که عناصر و ویژگی های مختلف در صفحه را تعریف می کند.

در این روش با در نظر گرفتن ساختار در هر صفحه، CSS پس از آن می تواند بدون نگرانی در مورد محتوا و مطالب بخشها و محل های هدفمندی برای هر صفحه ایجاد نماید. اگر فضای متن در ستون سمت چپ صفحه 10 پیکسل باشد و فضای اصلی صفحه 12 باشد، در CSS می توانید مطالب و چیزهایی که تمایل به انجام آن دارید را در این فضا قرار دهید. سمت چپ سایز فونت 10 و فضای اصلی سایز فونت می تواند 12 باشد.
این بدان معنی است که تا زمانی که طراحی وب سایت با همان پایهء عناصر ساختاری باشد می توان کاملاً با CSS تبدیل کرد – برای مثال ستون سمت چپ را ساخته و تصویر پیش زمینه عنوان و یا صفحهء اصلی را اضافه نموده و ادامه دهید. اما شناخت نسخهء متنی که شامل ساختار و محتوا هستند مرحلهء اول طراحی سایت با CSS در این کار می باشد.
برای تعمیم بیشتر، نیاز به یک ساختار صفحه ای است که تقریباً به اندازهء کافی انعطاف پذیر بوده به طوری که CSS بتواند عملیاتی که لازم و ضروری و موثر است را انجام داده و این عمل بدون هیچ گونه نگرانی در مورد محتوا در هر بخش از طراحی سایت و صفحات برگزار شود.
برای انجام این کار در مرحلهء بعدی ساختار بنیادی باید یک تقسیم بندی دیگر داشته باشید.table عنوان برای مثال باید به سه table داخلی تقسیم شود: table سمت چپ – table سمت راست و table اصلی؛ تقریباً تمام ترکیبات ممکن که شما نیاز دارید تا با CSS هر سبکی که در طراحی سایت می خواهید به نمایش بگذارید. تنها کاری که باید انجام دهید این است که محتوا و مطالب را در منطقهء طراحی وب سایت مربوطه قرار دهید.

بهره گیری از منافع جداسازی این سه بخش که تمامی استاندارد ها مانند تبدیل پس زمینهء محو به رنگهای جامد، تصویر پس زمینه برای اضافه کردن لبه های گرد(rounded coers)، تغییرات در داخل و خارج تصاویر فقط با CSS انجام می شود. Table داخلی می تواند شناور بوده و می تواند یک تصویر را بر روی دیگری قرار دهد.
اگر این روش در ساختار مناطق دیگر در html استفاده شود، صفحه ای را خواهید داشت که صفحه بندی آن به طور کامل توسط CSS طراحی وب سایت شده و به طور کامل از محتوای صفحه مستقل و غیر وابسته خواهد بود.

طراحی وب سایت...

ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ahmad webdesignato10 بازدید : 196 تاريخ : يکشنبه 26 خرداد 1392 ساعت: 18:58

طراحی وب سایت

آخرین مطالب

امکانات وب

css

طراحی وب سایت CSS

css

طراحی وب سایت CSS

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه